<template>
    <div>
    <p>热门搜索</p>
    <div class="hot-search">
        <slot></slot>
        <!--<span>周杰伦</span>-->
        <!--<span>蔡依林</span>-->
        <!--<span>蔡徐坤</span>-->
        <!--<span>肖战</span>-->
        <!--<span>特朗普</span>-->
    </div>
    </div>
</template>

<script>

    export default {
        name: "hotSearch"
    }
</script>

<style scoped>
    p{
        font-size: 14px;
        padding: 5px 15px;
    }
    .hot-search{
        display: flex;
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .hot-search>span{
        padding: 5px 10px;
        background: white;
        border:1px solid rgb(238, 238, 238);
        margin-right: 10px;
        margin-bottom: 10px;
        border-radius: 15px;
        font-size: 12px;
    }
</style>